<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../Public/publicjs.js"></script>
    <script src="../Public/ibcpLayerNew.js"></script>
    <script src="Program.js"></script>
    <title>程序流程</title>

    <style type="text/css">
        html{
            height: 100%;
        }
        body,#contain,#pieceLeft,#pieceRight{
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #leftDiv,#rightDiv{
            height: 100%;
            margin: 0;
            padding: 0px;
        }
        #proFlowList td {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

    </style>
</head>

<body style="padding: 0px 5px 5px 5px">
    <div id="leftDiv" class="panel panel-default col-sm-3">
        <div class="panel-heading">
            <h2><span class="label label-custom">程序列表</span></h2>
        </div>
        <div class="panel-body">
            <div style="padding-bottom: 10px">
                <div class="col-sm-9" style="padding-left: 0px">
                    <input type="text" class="form-control" id="txtProCondition" placeholder="多条件请以 空格 分开" style="display: inline">
                </div>
                <div class="col-sm-3"  style="padding-right: 0px">
                    <button type="button" id="btnProSearch" class="btn btn-custom" style="width: 100%;display: inline;">搜索</button>
                </div>
            </div>
            <br/>
            <div style="margin-top: 10px">
                <table id="proFlowList" class="bootstrap-table table"
                       data-toggle="table"
                       data-click-to-select="true"
                       data-striped="true"
                       data-row-style="SetProRowStyle"
                       data-cell-style="cellStyle"
                       data-unique-id = "id"
                       style="padding-top: 10px;overflow-y: scroll;table-layout:fixed">
                    <thead>
                    <tr>
                        <th data-field="state" data-radio="true"></th>
                        <th data-field="id" data-visible="false"></th>
                        <th data-field="code">代码</th>
                        <th data-field="name">名称</th>
                        <th data-field="version">版本</th>
                        <th data-field="statusName">状态</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
    </div>
    <div id="rightDiv" class="col-sm-9">
        <div id="right1" class="panel panel-default" style="margin-top: 0px;">
            <div class="panel-heading">
                <div class="row" style="margin: 0">
                    <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">详细</span></h2>
                    <div class="col-sm-9" style="padding: 0">
                        <div class="btn-toolbar" style="float: right;margin-right: 10px">
                            <button id="btnProAdd" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="新增程序"><span class="fa fa-plus"/></button>
                            <button id="btnProCopy" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="拷贝程序"><span class="fa fa-copy"/></button>
                            <button id="btnProDescEdit" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="编辑程序"><span class="glyphicon glyphicon-pencil"/></button>
                            <button id="btnProDelete" type="button" class="btn btn-danger" data-toggle="tooltip" data-placement="bottom" title="删除程序"><span class="glyphicon glyphicon-trash"/></button>
                            <button id="btnProVNow" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="当前版本"><span class="fa fa-eye"/></button>
                            <button id="btnProVHistory" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="版本历史"><span class="fa fa-calendar"/></button>
                            <button id="btnProVChange" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="版本变更"><span class="fa fa-exchange"/></button>
                            <button id="btnProVUp" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="版本升级"><span class="fa fa-arrow-up"/></button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-body" >
                <div id="proInfo" style="margin-top: 5px">
                    <div id="row1">
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">代码：</div>
                                <input type="text" class="form-control " id="proCode" readonly>
                            </div>
                        </div>
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">名称：</div>
                                <input type="text" class="form-control " id="proName" readonly>
                            </div>
                        </div>
                    </div>
                    <div id="row2">
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">版本：</div>
                                <input type="text" class="form-control " id="proVS" readonly>
                            </div>
                        </div>
                        <div class ="form-group col-md-6 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">状态：</div>
                                <input type="text" class="form-control " id="proStatus" readonly>
                            </div>
                        </div>
                    </div>
                    <div id="row3">
                        <div class ="form-group col-md-12 has-feedback">
                            <div class="input-group">
                                <div class="input-group-addon">描述：</div>
                                <textarea  class="form-control" id="proDesc" rows="1" style="margin-top: 0px;resize: none;"></textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="right2" class="panel panel-default" style="margin-bottom: 0;">

            <div class="panel-heading">
                <div class="row" style="margin: 0">
                    <h2 class="col-sm-3" style="padding: 0"><span class="label label-custom">流程图</span></h2>
                    <div class="col-sm-9" style="padding: 0">
                        <div class="btn-toolbar" style="float: right;margin-right: 10px">
                            <button id="btnProFlowEdit" type="button" class="btn btn-custom" data-toggle="tooltip" data-placement="bottom" title="编辑流程图"><span class="glyphicon glyphicon-pencil"/></button>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <iframe id="proFlowEditor" style="width:100%;margin-bottom: 5px;">
                </iframe>
            </div>
        </div>
    </div>
    <div id="SignDiv" hidden="true"></div>
    <div id="proAddDiv" hidden="true"></div>
    <div id="proCopyDiv" hidden="true"></div>
    <div id="proVersionDetailDiv" hidden="true"></div>
    <div id="proVersionHistoryDiv" hidden="true"></div>
    <div id="proVersionChangeDiv" hidden="true"></div>
    <div id="proVersionUpDiv" hidden="true"></div>
    <div id="proFlowEditDiv" hidden="true"></div>

</body>
</html>